﻿<!DOCTYPE html>
<html ng-app="todoApp">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title ng-bind="title"></title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <style>
        .nav, .pagination, .carousel, .panel-title a {
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column" ng-controller="MenuController">
                <tabset>
                    <tab-heading ng-hide="isLoggedIn()">
                        <a href="#/login">Login</a>
                    </tab-heading>
                    <tab-heading ng-show="isLoggedIn()">
                        <a href="" ng-click="logout()">Logout</a>
                    </tab-heading>
                    <tab-heading>
                        <a href="#/">Items ToDo</a>
                    </tab-heading>
                    <tab-heading>
                        <a href="#/completed">Items Completed</a>
                    </tab-heading>
                </tabset>
            </div>
        </div>
        <div class="row clearfix">
            @RenderBody()

        </div>
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div ng-controller="AlertController">
                    <alert ng-repeat="alert in alerts" type="{{alert.type}}" close="closeAlert($index)">{{alert.msg}}</alert>
                </div>
            </div>
        </div>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @Scripts.Render("~/bundles/angular")
    @Scripts.Render("~/bundles/todo")
    @RenderSection("scripts", required: false)
</body>
</html>
